<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入主题样式 -->
<link
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css"
	rel="stylesheet"></link>
<!-- 引入图标样式 -->
<link href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet"></link>
<!-- 引入jquer -->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<!-- 引入easyui.js -->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<!-- 引入本地语言 -->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>商品分类管理</title>
</head>
<script type="text/javascript">
	$(function(){
		//更新窗口默认关闭
		$("#updatewin").window('close');
		//配置数据表格，使用datagrid控件
		$("#catMsg").datagrid({
			
			url:'${pageContext.request.contextPath}/showcat',
			columns:[[
					  {field :'checked',checkbox : true,width : 100,},
			          {field:'cid',title:'商品编号',width:100,hidden:'true'},
			          {field:'cname',title:'商品类名',width:100}
			          ]],
			toolbar : [
			           {
			        	   iconCls:'icon-remove',
			        	   text : '增加',
			        	   handler : function() 
			        	   {	
			        			/* $("#textbox input").blur(function(){
			        				
			        			}); */
			        		   //点击确定按钮后，更新窗口打开
			        		   $("#updatewin").window('open');
			        	   		//配置更新表单增加属性
			        	   		$("#updateform").form({
			        	   			url : '${pageContext.request.contextPath}/addCat',
		        					   success : function(data) {
		        						   if (data == "1") {
		        							   $.messager.alert('提示','增加成功');
		        							   $("#catMsg").datagrid('reload');
		        							   $("#updatewin").window('close');
		        							   $("#updateform").form('clear');
		        							   } else {
		        								   
		        								   if (data=="existed") {
		        									   $.messager.alert('提示','增加失败,商品分类已存在，请重新输入！');
		        									   $("#updateform").form('clear');
		        								   }else {
		        									   $.messager.alert('提示','增加失败,商品分类名不能为空，请重新输入！');
												}
		        								   
		        								   }
		        						   }
			        	   		});
			        	   }
			           },'-',
			           {
			        	   iconCls:'icon-remove',
			        	   text : '删除',
			        	   handler : function() {
			        		   //删除功能
			        		   var cats = $("#catMsg").datagrid('getSelections');
			        		   if (cats.length < 1) {
			        			   $.messager.confirm('提示','请选择要删除的数据',function(r) {
			        				   if (r) {
			        					   $("#catMsg").datagrid('reload');
			        					   }
			        				   });
			        			   } else {
			        				   $.messager.confirm('提示','此操作将会删除该分类下所有商品，请慎重选择！',function(r) {
			        					   if (r) {
			        						   //不初始化，会出现第一个值始终是NaN的错误
			        						   var cids = 0;
			        						   for (var i = 0; i < cats.length; i++) {
			        							   cids = cids+ cats[i].cid+ ",";
			        							   }
			        						   //使用ajax方式提交删除商品类的请求delCat
			        						   $.ajax({
			        							   //配置请求方式
			        							   type : 'post',
			        							   //配置请求地址
			        							   url : '${pageContext.request.contextPath}/delCat',
			        							   //要传到服务器的数据
			        							   data :{"cids" : cids},
			        							   //定义返回的数据类型
			        							   dataType : 'text',
			        							   //请求成功调用函数
			        							   success : function(data) {
			        								   if (data == 1) {
			        									   $.messager.confirm('提示','删除成功',function(r) {
			        										   if (r) {$("#catMsg").datagrid('reload');
			        										   }
			        										   });
			        									   }else{
			        										   $.messager.confirm('提示','删除失败',function(r){
			        												$("#catMsg").datagrid('unselectAll');
			        										   })
			        									   }
			        								   }
			        							   });
			        						   } else {
			        							   $("#catMsg").datagrid('unselectAll');
			        							   }
			        					   });
			        				   }
			        		   }
			           },'-',
			           {
			        	   iconCls:'icon-remove',
			        	   text : '修改',
			        	   handler : function () 
			        	   {	
			        		   
			        		   //配置修改表单，判断选择数据条数
			        		   var cats = $("#catMsg").datagrid(
			        				   'getSelections');
			        		   if (cats.length != 1) {
			        			   $.messager.confirm('提示','请选择一条数据',function(r) {
			        				   if (r) {$("#catMsg").datagrid('unselectAll');
			        				   }
			        				   })
			        				   } else {
			        					   $('#updatewin').window('open');
			        					   var cat = cats[0];
			        					   $('#updateform').form('load', cat);
			        					   }
			        		   //配置修改表单属性
			        		   $("#updateform").form(
			        				   {
			        					   //配置修改商品的请求
			        					   url : '${pageContext.request.contextPath}/updateCat',
			        					   success : function(data) {
			        						   if (data == "1") {
			        							   $.messager.alert('提示','修改成功');
			        							   $("#catMsg").datagrid('reload');
			        							   $( "#updatewin").window('close');
			        							   $("#updateform").form('clear');
			        							   } else {
			        								   if (data == "0") {
			        									   $.messager.alert('提示','修改失败：商品类名不能为空，请重新输入！');
			        								   }else{
			        									   if (data == "existed") {
			        									   $.messager.alert('提示','修改失败：已有此分类，请重新输入！');
														}
			        								   }
													}
			        								   
			        						   }
			        					   });
			        	   }
			           }
			           ],
			           //行列号
			           rownumbers : true,
			           //斑马线
			           striped : true,
			           //分页
			           pagination : true,
			           //列宽固定
			           resizable : false,
			           });
		
			//搜索框
			$("#searchcat").searchbox({
					height : '30',
					width : '160',
					prompt : '请输入商品分类名称',
					searcher : function(value,name){
						var catname = value;
						$("#catMsg").datagrid('reload',{
							catname:catname
						});
					}
			});
			 //设置分页控件 
		    var p = $('#catMsg').datagrid('getPager'); 
		    $(p).pagination({ 
		        pageList: [2,3,5,10],//可以设置每页记录条数的列表 
		        beforePageText: '第',//页数文本框前显示的汉字 
		        afterPageText: '页    共 {pages} 页', 
		        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录', 
		    });  
		  //验证商品分类名只能是汉字
		  $("#searchbox input").blur(function(){
			 	var reg =/^[\u4e00-\u9fa5]*$/;
			 	var value = $("#searchbox input").val();
			 	if (!reg.test(value)) {
					$.messager.alert('提示','此项只能输入汉字');
				}
		  });
		  //验证增加输入框只能输入汉字
		  $("#categoryname input").blur(function(){
			 	var reg =/^[\u4e00-\u9fa5]*$/;
			 	var value = $("#categoryname input").val();
			 	if (!reg.test(value)) {
					$.messager.alert('提示','此项只能输入汉字');
					$("#categoryname input").val("");
				}
		  });
	});
	//配置表单提交的点击事件 
	function addpro() {
			$("#updateform").form('submit');
	}
	//配置增加表单取消事件
	function canceladd() {
		$("#updatewin").window('close');
		$("#updateform").form('clear');
		$("#catMsg").datagrid('unselectAll');
	}
</script>
<body style="background:url(../images/44.jpg);width: 100%; height: 100%">
	<!-- 搜索框 -->
	<div id="searchbox" style="margin-bottom:8px">
	<input id="searchcat" class="easyui-searchbox"/></div>
	<!-- 商品分类信息表 -->
	<table id="catMsg"></table>
	<!-- 更新窗口 -->
	<div id="updatewin" class="easyui-window"
		style="width: 500px; height: 200px; margin-top: 0px; text-align: center"
		title="Update"
		data-options="iconCls:'icon-add',modal:true,shadow:true,resizable:false,draggable:false,maximizable:false, minimizable:false">
		<form id="updateform" method="post" style="margin-top: 20px">
			<div style="display: none; margin-top: 15px">
				<label for="cid">商品分类编号:</label> <input id="cid"
					class="easyui-textbox" name="cid" style="width: 200px" />
			</div>
			<div style="margin-top: 50px;" id="categoryname">
				<label for="cname">商品分类名称:</label> <input id="cname"
					class="easyui-textbox" name="cname" style="width: 200px;height:30px" data-options="prompt:'请输入商品分类名'" />
			</div>
		</form>
		<div id="button">
			<a id="addbtn" href="javascript:void(0)" class="easyui-linkbutton"
			data-options="iconCls:'icon-add'" onclick="addpro()"
			style="margin-left: 10px;margin-top:5px;">确定</a>
			<a id="cancelbtn"
			href="javascript:void(0)" class="easyui-linkbutton"
			data-options="iconCls:'icon-cancel'" onclick="canceladd()"
			style="margin-left: 30px;margin-top:5px">取消</a>
		</div>
	</div>
	
</body>
</html>